<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <?php  use_stylesheet('Module_Main/index.css') ?>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="/js/Main_Module/markerclusterer.js"></script>
        <link rel="stylesheet" href="/css/Module_Main/index.css">
    </head>
    <!--Set the Parent Element's Overflow to HIDDEN so that there wont be
        vertical scroll bar after rendering the map
        Ref: http://forums.digitalpoint.com/showthread.php?t=49403 -->
    <body onload="initializeMAP_V3(20.280232,38.512573, 6,document.getElementById('map_canvas'))">
        
        <div id="map_canvas"></div>
        <a href="#" onclick="autoLocate(20.280232,38.512573, 6);">
            <div id="autolocation">
            </div>
        </a>
        
    </body>
</html>